iT邦幫忙

2022 iThome 鐵人賽

DAY 10
0
Web 3

當 APP develop 遇上 web3 與 Metaverse 浪潮 系列 第 10

[Day 拾] 快速入門 3D 互動網頁

  • 分享至 

  • xImage
  •  

https://docs.pmnd.rs/react-three-fiber/getting-started/examples

https://codesandbox.io/s/selective-outlines-d36mw

黃色 - R3F 自定義元件 (這裡是 Box 本體)
深藍色 - R3F 程式主體 (這裡是場景全域設定 ,物件的 Hook 不能放在這一層)
藍色 - Canvas (這裡是場景,3D 跟 Hook 只能放在這裡面)
綠色 - 3D 物件在這設定以 Frame (每幀匡)為單位操作的動畫 位/旋/縮
粉紅 - 可以利用 {...props} 再父層傳入各式設定 位/旋/縮 Color 等等
紫色 - 利用 useRef 即可以取得物件個是數值


上一篇
[Day 捌] 做完錢包了,接下來玩點酷酷的東西
下一篇
[Day 拾壹] 如何導入 3D 模型 - 1 常見做法
系列文
當 APP develop 遇上 web3 與 Metaverse 浪潮 30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言